<script setup>

import router from "@/router/index.js";
</script>

<template>
  <el-row>
    <el-row class="header" style="height: 100px">
      <el-button @click="router.back()">返回</el-button>
    </el-row>
    <el-row class="content">
      <div class="container">
        <h1>24点算法简介</h1>

        <p>24点游戏是一种利用算术运算从给定的四个数字中得出24结果的数学游戏。</p>

        <p class="conclusion">结论：</p>
        <p>24点算法的核心在于尝试所有可能的数字组合与运算符排列，并通过括号调整优先级，以找到使表达式值为24的解法。</p>

        <p><strong>详细介绍：</strong></p>
        <ul>
          <li>玩家需对四个数进行加、减、乘、除运算及使用括号改变运算顺序。</li>
          <li>采用穷举法，遍历所有可能的操作数和运算符组合。</li>
          <li>考虑到除法和减法不是可交换的，需要考虑操作数的顺序。</li>
          <li>构建所有可能的表达式树并检查是否等于24。</li>
        </ul>

        <p><strong>延展信息：</strong></p>
        <p>
          24点游戏不仅考验玩家的数学能力，还锻炼逻辑思维和快速反应能力，适用于各种年龄段的人群，在教育领域也用来激发学生对数学的兴趣。</p>
      </div>
    </el-row>
  </el-row>
</template>

<style scoped>
.content {
  height: 100vh;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f4f4f9;
}

.container {

  font-family: Arial, sans-serif;
  width: 80%;
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1 {
  color: #333;
}

p, ul {
  line-height: 1.6;
  color: #555;
}

ul {
  list-style-type: disc;
  margin-left: 20px;
}

.conclusion {
  font-weight: bold;
}
</style>